/* CSS Document */

body{
	background-color:#fff;
}

#contenedor {
	position: relative;
	background-color:#f2f2f2;
	width:748px;
	height:760px;
	
	z-index:1;

}

#Encabezado {
	position:absolute;
	background-color:#f7b15e;
	color:White;
	left:10px;
	top:10px;
	width:730px;
	height:55px;
	z-index:2;
}
#titulo, #subtitulo, #salir{
	left: 0px;
	top: 0px;
	text-align: center;
	font-family: Verdana,Arial,sans-serif;
	font-size: medium;
	font-weight:bold;
}
#subtitulo
{
	font-weight:lighter;
	font-size:medium;
}


#MDPContenido{
	margin:0 0 0 12px;
	width:0px;
	background-repeat: repeat-y;
	float:left;
	text-transform: capitalize;
	text-align:left;
}

#contenido{
	position:relative;
	width:100%;
	z-index:2;
	top:70px;
}



#salir 
{
	background-color:#ea8206;
	text-align: right;
	font-size: small;
	font-weight: bold;
}



@media(max-width:700px){
	
	#contenedor{

	width:580px;
	
	}
			
		#Encabezado
	{
	    width:555px;
	    }
	    
	   #titulo, #subtitulo, #salir{

	font-size:small;
	
	} 
	#subtitulo
{
	font-size:small;
}
	    
	    	
}

@media(max-width:500px){
	
	#contenedor{

	width:500px;
	
	}
			
		#Encabezado
	{
	    width:420px;
	    }
	    	
}


@media(max-width:500px){
	
	#contenedor{

	width:500px;
	
	}
			
		#Encabezado
	{
	    width:480px;
	    }
	    	
}

